<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel=stylesheet href="stylesheets/default.css" />
    <link rel=stylesheet href="stylesheets/transition.min.css" />
    <link rel=stylesheet href="stylesheets/swiper.min.css" />
    <link rel=stylesheet href="stylesheets/animate.min.css" />

    <script src="javascripts/lib/Three.js"></script>
    <script src="javascripts/lib/Detector.js"></script>
    <script src="javascripts/lib/Stats.js"></script>
    <script src="javascripts/lib/Tween.js"></script>
    <script src="javascripts/lib/OrbitControls.js"></script>
    <script src="javascripts/lib/THREEx.KeyboardState.js"></script>
    <script src="javascripts/lib/THREEx.FullScreen.js"></script>
    <script src="javascripts/lib/THREEx.WindowResize.js"></script>
    <script src="javascripts/lib/ParticleEngine.js"></script>
    <script src="javascripts/lib/ParticleEngineExamples.js"></script>
    <script src="javascripts/lib/ShaderParticleGroup.js"></script>
    <script src="javascripts/lib/ShaderParticleEmitter.js"></script>
    <script src='javascripts/lib/DAT.GUI.min.js'></script>
    <script src="javascripts/lib/fonts/gentilis_bold.typeface.js"></script>
    <script src="javascripts/lib/fonts/gentilis_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/optimer_bold.typeface.js"></script>
    <script src="javascripts/lib/fonts/optimer_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/helvetiker_bold.typeface.js"></script>
    <script src="javascripts/lib/fonts/helvetiker_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/droid_sans_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/droid_sans_bold.typeface.js"></script>
    <script src="javascripts/lib/fonts/droid_serif_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/droid_serif_bold.typeface.js"></script>
    <script src="javascripts/lib/fonts/ubuntu_regular.typeface.js"></script>
    <script src="javascripts/lib/fonts/simsun-extb_regular.typeface.js"></script>
    <script src="javascripts/lib/jquery-2.1.3.js"></script>
    <script src="javascripts/lib/jquery-ui.js"></script>
    <script src="javascripts/lib/jquery.flip.min.js"></script>
    <script src="javascripts/lib/jquery.validate.js"></script>
    <script src="javascripts/lib/socket.io.js"></script>
    <script src="javascripts/lib/transition.js"></script>
    <script src="javascripts/lib/magic-effect/js/modernizr.js"></script>
    <script src="javascripts/lib/magic-effect/js/prefixfree.min.js"></script>
    <script src="javascripts/lib/magic-effect/js/rbeix.js"></script>
    <script src="javascripts/lib/magic-effect/js/sparkle.js"></script>
    <script src="javascripts/lib/magic-effect/js/3d.js"></script>
    <script src="javascripts/lib/jsized.snow.min.js"></script>
    <script src="javascripts/lib/damoo.js"></script>
    <script src="javascripts/lib/swiper.min.js"></script>
    <script src="javascripts/lib/swiper.animate.min.js"></script>

    <script src="javascripts/lib/purl.js"></script>

    <script src="javascripts/command.js"></script>
    <script src="javascripts/tools.js"></script>
    <script src="javascripts/index.js"></script>
    <script src="javascripts/signin.js"></script>
    <script src="javascripts/zcrzc.js"></script>
    <script src="javascripts/year_start.js"></script>
    <script src="javascripts/start.js"></script>
    <script src="javascripts/yxyg.js"></script>
    <script src="javascripts/xiaopin.js"></script>
    <script src="javascripts/kcj.js"></script>
    <script src="javascripts/game.js"></script>
    <script src="javascripts/bmc.js"></script>
    <script src="javascripts/czjsy.js"></script>
    <script src="javascripts/shige9.js"></script>
    <script id="vs" type="x-shader/x-vertex">
        varying vec2 vUv;
        void main() {
            vUv = uv;
            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
        }
    </script>
    <script id="fs" type="x-shader/x-fragment">
        uniform sampler2D map;
        uniform vec3 fogColor;
        uniform float fogNear;
        uniform float fogFar;
        varying vec2 vUv;
        void main() {
            float depth = gl_FragCoord.z / gl_FragCoord.w;
            float fogFactor = smoothstep( fogNear, fogFar, depth );
            gl_FragColor = texture2D( map, vUv );
            gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
            gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );
        }
    </script>
    <script src="javascripts/mv.js"></script>
    <style type="text/css">
        .emojicon-m {
            min-height: 1.2em !important;
            min-width: 1.2em !important;
            max-height: 1.2em !important;
            max-width: 1.2em !important;
            vertical-align: middle !important;
            float: none !important;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            display: inline-block;
        }
    </style>

</head>
<body>
    <div style="display:none">
        <!--背景及效果音乐播放-->
        <audio id="audioPlayer" controls="controls"/>
        <audio id="clipsPlayer" controls="controls"/>
        <audio id="tempPlayer" controls="controls"/>
    </div>
    <div id="dm-main" style="width:100%;top:150px;z-index:100000;position:absolute"> <div id="dm-screen"></div> </div>
    <div data-role="page" class="ui-page ui-page-active">
        服务器地址：<input id="indexServer" value="http://localhost:5000"/>
        <button id="connectBtn">连接服务器</button>
        <div id="message"></div>
    </div>
</body>
</html>